.container {
  background: #f8f8f8;
  width: 95vw;
  min-height: 100vh;
  padding: 20rpx;
  .money{
    margin-bottom: 20rpx;
  }
  .btn{
    display: flex;
    justify-content: space-around;
    margin-bottom: 20rpx;
    margin-top: 40rpx;
    .b{
      width: 45%;
    }
  }
  .box {
    display: flex;
    flex-direction: column;
    .item {
      padding: 10rpx;
      display: flex;
      margin-bottom: 20rpx;
      .left {
        padding: 20rpx;
        background: #fff;
        width: 30%;
        display: flex;
        flex-direction: column;
        align-items: center;
        .title {
          display: flex;
          align-items: center;
          font-size: 26rpx;
          color: #df3125;
          margin-bottom: 80rpx;
          .num {
            font-weight: 700;
            font-size: 34rpx;
            margin-right: 10rpx;
          }
        }
        .type {
          width: 150rpx;
          text-align: center;
          font-size: 22rpx;
          color: #dc6891;
          background: #f5dbe4;
          padding: 5rpx 0;
        }
      }

      .right {
        padding: 20rpx;
        background: #fff;
        flex: 1;
        display: flex;
        flex-direction: column;
        font-size: 20rpx;
        .top {
          width: 100%;
          display: flex;
          justify-content: space-between;
          font-size: 26rpx;
          margin-bottom: 20rpx;
          .title {
            font-weight: 700;
            height: 100rpx;
          }
          .btn {
            margin: 0;
          }
        }
        .time {
          margin-bottom: 10rpx;
        }
      }
    }
  }
  .content-container {
    display: flex;
    flex-direction: column;
    color: #777;
  }
  .sx {
    opacity: .5;
  }
}
